<template>
  <div class='DefaultValueShow'>
    <el-input :row="5" type="textarea" v-model="showValue" disabled></el-input>
  </div>
</template>
<script setup name='DefaultValueShow'>

const props = defineProps({
  modelValue: {
    type: [String, Number, Boolean, Array, Object, Date],
    default: ''
  },
})
const showValue = computed({
  get() {
    try {
      return JSON.stringify(props.modelValue);
    } catch (e) {
    }
    return props.modelValue.toString()
  },
  set(val) {
    // console.log(val)
  }
})
</script>
<style scoped lang='scss'>
.DefaultValueShow {
  width: 100%;
}
</style>
